.Header {
  background: linear-gradient(to top, #fc3b6c, #ff4b82);
  width: 100%;

  .tabsBox{
    border-radius:20px 20px 0 0 ;
    background: #f4f4f4;
    margin-top:20px;
    overflow:hidden;
    font-weight:400;
    .titleBtn{
      display:flex;
      justify-content: space-between;
      width:95%;
      margin:0 auto;
      box-sizing: border-box;
      &>View{
        padding:12px 0;
      }
    }
    .orderList{
      width:95%;
      box-sizing:border-box;
      margin:20px auto;
      border-radius:20px;
      background:#fff;
      padding:20px;
      font-size:25px;
      .orderListTit{
        display: flex;
        justify-content:space-between;
        .orderNum{
          display: flex;
          align-items:center;
          .copyBtn{
            font-size:20px;
            background:#f2f2f2;
            padding:1px 3px;
            margin-left:5px;
          }
        }

        .orderState{
          background: #57c16a;
          color:#fff;
          padding:2px 25px;
          border-radius:50px;
        }
      }
      .orderItem{
        padding:15px;
        margin:20px 0;
        border-radius:20px;
        background-color: #f4f4f4;
        display:flex;
        align-items:center;
        &>Image{
          width:120px;
          height:120px;
          border-radius:20px;
          margin-right:20px;
        }
        .itemTie{
          flex:1;
          margin-right:20px;
          max-height:120px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
        }
      }
      .realPrice{
        display: flex;
        justify-content:space-between;
        padding-bottom: 20px;
        border-bottom:1px solid #e7e7e7
      }
      .orderInfo{
        display: flex;
        align-items:center;
        justify-content:space-between;
        padding-top:20px;
        .orderTit>View:first-child{
          font-size:30px;
          font-weight:600;
          margin-bottom:5px;
        }
        .orderTit>View:last-child{
          color:#d5d5d5;
        }
        .earning{
          font-weight:600;
          color:black;
        }
      }
    }
  }
}

.at-tabs__underline{
  background-color: transparent;
}
.at-tabs__header{
  background-color:transparent;
  text-align:left;
}
.at-tabs__item {
  color:#fff;
  padding:16px 30px;
}
.at-tabs__item-underline{
  background-color: #f4f4f4;
  width:35px;
  height:6px;
  border-radius:5px;
  right:0;
  margin:0 auto;
}
